$components-pane-width-mob: 30%;
$selected-component-nice-line-color: #000;

@media screen and (max-width: 550px) {

  .component {
    width: 100%;
    margin: 12px auto 5px;
  }

  .components-in-stock,
  .btn-order-container {
    width: $components-pane-width-mob !important;
  }

  #order-form {
    width: 100% - $components-pane-width-mob;
    float: left;
  }

  .sidebar {
    .components-selected-details {

      .comp-amount {
        left: auto;
        bottom: auto;
        right: -2px;
        top: 17px;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 23px;
        height: 23px;
      }

      .registration-info {
      /*.capt-price {*/
        padding-left: 20px;
      }

      .added-component {
        display: block;
        height: 95px;
        margin-bottom: 10px;
        /*border-bottom: 1px solid #EEE;*/

        .image {
          width: 90px;
          height: 90px;
          border-radius: 50%;
          margin: 0 calc(50% - 45px);
          position: absolute;
          top: 0;
          left: 0;
          box-shadow: 0 0 0 3px #FFF, 0 0 0 5px $selected-component-nice-line-color, 0 0 0 8px #FFF;
        }

        .nice-line {
          display: block;
          height: 2px;
          background-color: $selected-component-nice-line-color;
          width: 100%;
          position: absolute;
          left: 0;
          top: calc(50% - 4px);
        }

        .text-string {
          display: block;
          width: 100%;
          text-align: left;
          position: relative;
          /*top: -25px;*/
          top: 33px;

          .short_name {
            width: 100%;
            top: -11px;
            position: relative;
          }

          .price {
            float: left;
            margin-left: 0;
          }
        }

        .dots {
          display: none;
        }

        .btn-delete,
        .btn-switch-component {
          position: absolute;
          right: 0;
          bottom: 17px;
          margin-left: 7px;
        }
      }
    }
  }

  /*.categories-panel {

    .btn-head {
      width: $components-pane-width-mob;
    }
  }*/
}
